/*封装地图的公共样式*/
.el-row {
  height: 100%;
  overflow: hidden;
}
.left,.right {
      display: flex;
      flex-direction: column;
}
.chart {
  flex: 1;
  position: relative;
  border: 2px solid rgba(25, 186, 139, 0.17);
  padding: 0 30px 30px;
  margin-bottom: 20px;
  width: 100%;
  &::before {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 10px;
      height: 10px;
      border-top: 3px solid #02a6b5;
      border-left: 3px solid #02a6b5;
      border-radius: 20%;
    }
    &::after {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      width: 10px;
      height: 10px;
      border-top: 3px solid #02a6b5;
      border-right: 3px solid #02a6b5;
      border-radius: 20%;
    }
  h3 {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
  }

  .chart-item {
    height: 295px;
  }
  .border_bg_leftTop {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; 
    &::before {
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      width: 10px;
      height: 10px;
      border-bottom: 3px solid #02a6b5;
      border-left: 3px solid #02a6b5;
      border-radius: 20%;
    }
    &::after {
      position: absolute;
      bottom: 0;
      right: 0;
      content: "";
      width: 10px;
      height: 10px;
      border-bottom: 3px solid #02a6b5;
      border-right: 3px solid #02a6b5;
      border-radius: 20%;
    }
  }
}

/* 定义一个全局的字体样式 */
.line {
  .el-icon {
    position: absolute;
    top: 2px;
    right: 2px;
  }
}
.cover {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 9;
  background: rgb(33, 62, 112);
  .el-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
  }
  .drawer {
    height: 100%;
    padding: 20px;
    .chart-item {
      height: 100%;
    }
  }
}
@font-face {
  font-family: Electronic;
  src: url('./font/DS-DIGIT.TTF');
}
.line {
  .el-icon {
    position: absolute;
    top: 2px;
    right: 2px;
  }
}
.cover {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 9;
  background: rgb(33, 62, 112);
  .el-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
  }
  .drawer {
    height: 100%;
    padding: 20px;
    .chart-item {
      height: 100%;
    }
  }
}